{include file='front/base/head' }
  <!-- ======= Hero Section ======= -->
  <section id="hero" class="d-flex align-items-center justify-content-center">
    <div class="container" data-aos="fade-up">

      <div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
        <div class="col-xl-6 col-lg-8">
          <h1>欢迎进入</h1>
          <h2>音乐大赛投票官网</h2>
        </div>
      </div>

      <div class="row gy-4 mt-5 justify-content-center" data-aos="zoom-in" data-aos-delay="250">
      
        <div class="col-xl-2 col-md-4">
          <div class="icon-box">
            <h3><img src="/static/votefront/code/{$image}" style="width: 150px;height: 150px;" alt=""></h3>
          </div>
        </div>
       

    </div>
  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= Clients Section ======= -->
    <section id="clients" class="clients">
      <div class="container" data-aos="zoom-in">

        <div class="clients-slider swiper">
          <div class="swiper-wrapper align-items-center">
            {volist name='data' id='da'}
            <div class="swiper-slide"><a href=""><img src="/static/vote/{$da.rpic}" class="img-fluid" alt=""></a></div>
            {/volist}
            <div class="swiper-slide"><img src="__STATIC__/votefront/assets/img/clients/client-1.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="__STATIC__/votefront/assets/img/clients/client-2.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="__STATIC__/votefront/assets/img/clients/client-3.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="__STATIC__/votefront/assets/img/clients/client-4.png" class="img-fluid" alt=""></div>
          </div>
          <div class="swiper-pagination"></div>
        </div>

      </div>
    </section><!-- End Clients Section -->

    <!-- ======= Services Section ======= -->
    <section id="services" class="services">
      <div class="container" data-aos="fade-up">

        <div class="section-title">
          <h2>选手</h2>
          <p>热门选手</p>
        </div>

        <div class="row">
          
          
          {volist name='player' id='play'}
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
            <div class="icon-box" style="height: 1000px;height: 400px;">
              <div class="icon"><img src="/static/vote/{$play.ppic}" style="width: 100px;height: 100px; border-radius: 25%;" alt=""></div>
              <h4><a href="">参与歌手：{$play.pname}</a></h4>
              <h5><a href="">参赛作品：《{$play.work}》</a></h5>
              <p>个人简介：{$play.introduce}
              <div>（来自选手的自我描述，不代表任何主观意向）</div></p>
            </div>
          </div>
          {/volist}
        

        </div>

      </div>
    </section><!-- End Services Section -->


    <!-- ======= Team Section ======= -->
    <section id="team" class="team">
      <div class="container" data-aos="fade-up">

        <div class="section-title">
          <h2>评委</h2>
          <p>明星评委</p>
        </div>

        <div class="row">
         
        {volist name='judges' id='pw'}
          <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
            <div class="member" data-aos="fade-up" data-aos-delay="100">
              <div class="member-img">
                <img src="/static/vote/{$pw.jpic}" class="img-fluid" alt="">
              </div>
              <div class="member-info">
                <h4>评委：{$pw.jname}</h4>
                <span>电话：{$pw.tel}</span>
              </div>
            </div>
          </div>
        {/volist}


          <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
            <div class="member" data-aos="fade-up" data-aos-delay="300">
              <div class="member-img">
                <img src="__STATIC__/votefront/assets/img/team/team-3.jpg" class="img-fluid" alt="">
                <div class="social">
                  <a href=""><i class="bi bi-twitter"></i></a>
                  <a href=""><i class="bi bi-facebook"></i></a>
                  <a href=""><i class="bi bi-instagram"></i></a>
                  <a href=""><i class="bi bi-linkedin"></i></a>
                </div>
              </div>
              <div class="member-info">
                <h4>William Anderson</h4>
                <span>CTO</span>
              </div>
            </div>
          </div>

          <div class="col-lg-3 col-md-6 d-flex align-items-stretch">
            <div class="member" data-aos="fade-up" data-aos-delay="400">
              <div class="member-img">
                <img src="__STATIC__/votefront/assets/img/team/team-4.jpg" class="img-fluid" alt="">
                <div class="social">
                  <a href=""><i class="bi bi-twitter"></i></a>
                  <a href=""><i class="bi bi-facebook"></i></a>
                  <a href=""><i class="bi bi-instagram"></i></a>
                  <a href=""><i class="bi bi-linkedin"></i></a>
                </div>
              </div>
              <div class="member-info">
                <h4>Amanda Jepson</h4>
                <span>Accountant</span>
              </div>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Team Section -->
  </main><!-- End #main -->
  {include file='front/base/foot' }